<section class="main" *ngIf="todos?.length > 0">
    <mdl-icon-toggle class="toggle-all" [mdl-ripple]="true"
        (click)="onToggleAllTriggered();">
        expand_more
    </mdl-icon-toggle>
    <!--<input class="toggle-all" type="checkbox" (click)='onToggleAllTriggered();'>-->
    <ul class="todo-list">
        <li *ngFor='let todo of todos' [class.completed]="todo.Completed">
            <app-todo-item 
                [isChecked]= "todo.Completed"
                (onToggleTriggered)="onToggleTriggered(todo);"
                (onRemoveTriggered)="onRemoveTriggered(todo);"
                [todoDesc]="todo.Desc">
            </app-todo-item>
        </li>
    </ul>
</section>